.main{
  .logo-con{
    height: 64px;
    padding: 10px;
    img{
      height: 44px;
      width: auto;
      display: block;
      margin: 0 auto;
    }
  }
  .header-con{
    background: #fff;
    padding: 0 20px;
    width: 100%;
  }
  .main-layout-con{
    height: 100%;
    overflow: auto;
  }
  .main-content-con{
    height: 100%;
    overflow: hidden;
  }
  .tag-nav-wrapper{
    padding: 0;
    height:40px;
    background:#F0F0F0;
  }
  .content-wrapper{
    padding: 18px;
    overflow: auto;
		height: 100%
  }
  .left-sider{
    .ivu-layout-sider-children{
      overflow-y: scroll;
      margin-right: -18px;
    }
  }
}

.ivu-menu-submenu > .ivu-menu > .ivu-menu-item > i {
  margin-right: 8px !important;
}
.ivu-select-dropdown.ivu-dropdown-transfer{
  max-height: 1000px;
	display:none;
  & div.ivu-dropdown{
    width: 100%;
    margin: 0;
    line-height: normal;
    padding: 7px 0 6px 16px;
    clear: both;
    font-size: 12px !important;
    white-space: nowrap;
    list-style: none;
    cursor: pointer;
    transition: background 0.2s ease-in-out;
    &:hover{
      background: rgba(100, 100, 100, 0.1);
    }
    & * {
      color: #515a6e;
    }
  }
}
.main .header-con{
  display:none;
}
div.ivu-layout-sider{
  position:absolute;
  top:0;
  background:#5859F4;
}
.ivu-menu-submenu-title{
  display:inline-block;
}
.ivu-menu-submenu,.ivu-menu-item{
  float:left;
  text-align: center;
}			
.logo-con{
  float:left;
  margin:25px 40px 0;
}
.ivu-menu-submenu .ivu-icon,.ivu-menu-item .ivu-icon{
  display:block!important;
  margin:10px auto;
  font-size:40px;
}
.ivu-menu-vertical .ivu-menu-submenu-title-icon{
  display:none!important
}
div.user{
  float:right;
  margin-top:20px;
  width:150px;
  text-align: center;
	position: relative;
	.operationBox{
		position: absolute;
		width: 100%;
		text-align: center;
		z-index: 99999999999999;
		display: none;
		.triangle{
			width: 0;
			height: 0;
			border-width: 0 15px 10px;
			border-style: solid;
			border-color: transparent transparent #fff;/*透明 透明  灰*/
			margin: 13px auto 0;
			position: relative;
		}
		ul{
			background: #fff;
			color: #848484;
			padding: 0 15px;
			cursor: pointer;
			box-shadow: 0 2px 11px #eee;
			li{
				padding: 15px 0;
				&:first-child{
					border-bottom: 1px dotted #ddd;
					padding-top: 18px;
				}
				&:hover{
					color: #ef8200
				}
			}
		}
	}
	&:hover{
		.operationBox{
			display: block;
		}
	}
}
div.user img{
  height:40px;
  width:40px;
  border-radius:50%
}
div.user div{
  color:#fff
}
ul.ivu-menu{
  float:left;
  position:static!important
}
ul.ivu-menu li ul.ivu-menu{
  position:absolute!important;
  top:100%;
  background: #001529;
  width:100%;
  left: 0;
}
.ivu-menu-dark {
    background:transparent!important;
}
.tag-nav-wrapper{
  display:none;
}
div#nav{
  background:#CF3643;
  width:100%;
  line-height:40px;
}
div#nav li{
  float:left;
  list-style: none;				
  font-size:16px;
  margin-left:30px;
	color:#EA9599;
	cursor: pointer;
}
.top-con{
  padding-bottom: 15px;
  z-index: 100;
}
.top-logo{
  float: left;
  height: 50px;
  margin: 15px 40px;
}
.menu-list{
  li{
    list-style: none;
    float: left;
    padding: 19px 25px;
    color: #fff;
    font-size: 14px;
    text-align: center;
		height: 94px;
		overflow: hidden;
    cursor: pointer;
		@media (max-width:1400px){
			&{
				padding: 19px 20px;
			}
		}
    i{
      font-size: 50px;
    }
		&.select{
			background: #ef8200;
		}
  }
}
.clear:after{
	clear:both;
	display:block;
	content:"\20";
	height:0;
	visibility:hidden;
}
.clear{
	zoom:1;
	_line-height:0;
}
div#nav li.selected{
		color:#e9e9fe;
		font-size:18px
	}
	@media (max-width:1600px){
		img.top-logo{
			width:240px
		}
	}
	.main-top{
		background: #d00210;
		line-height: 0.9;
		height: 94px;
	}
	.main-top:after,#nav ul:after{
		content: '';
		display: block;
		clear: both;
	}
.menu-icon{
	width: 29px;
	height: 28px;
	background-size:100% 100%;
	background-repeat: no-repeat;
	display: inline-block;
	margin-bottom: 15px;
}
#home{
	background-image: url(../../../static/images/m1.png);
}
#home{
	background-image: url(../../../static/images/m1-1.png);
}
#control{
	background-image: url(../../../static/images/m4.png);
}
#control{
	background-image: url(../../../static/images/m4-1.png);
}
#list{
	background-image: url(../../../static/images/m3.png);
}
#list{
	background-image: url(../../../static/images/m3-1.png);
}
#reply{
	background-image: url(../../../static/images/m6.png);
}
#reply{
	background-image: url(../../../static/images/m6-1.png);
}
#list_reply{
	width:37px;
	background-image: url(../../../static/images/m5.png);
}
#list_reply{
	background-image: url(../../../static/images/m5-1.png);
}
#server{
	background-image: url(../../../static/images/m7.png);
}
#server{
	background-image: url(../../../static/images/m7-1.png);
}
#resources{
  background-image: url(../../../static/images/resources_select.png);
}
#resources{
  background-image: url(../../../static/images/resources.png);
}
#AlarmSetting{
  background-image: url(../../../static/images/AlarmSetting_select.png);
}
#AlarmSetting{
  background-image: url(../../../static/images/AlarmSetting.png);
}
.layout{
	background-image: url(../../../static/images/layout.png)
}
img.shadow{
	height: 84px;
}